<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <style>
        .box1 ul li p {
            color: red;
        }
    </style>
</head>
<body>
    <!-- 
    高级选择器

    ·后代选择器 - 包含选择器
        空格表示后代 空格前面必须是后面的祖先级

    ·交集选择器 标签与类的交集
        IE6不兼容交集选择器
        可以做其他选择器的组成部分使用

    ·并集选择器
        将多种选择器进行并集书写，简化写法
        将多个选择器中间用逗号进行分隔，最后一个不加逗号
        是所有的单独选择器选中的标签的并集集合
        替换通配符
    -->
    </div>
</body>
</html>